.body{
    background: #EEEEEE;
}
.body_reserve_box{
    background: #fff;
}
.el-loading-parent--hidden{
    overflow: auto!important;
}
.is-fullscreen{
    z-index: 2000;
    position: relative;
    width: 125px!important;
    height: 125px!important;
    margin: 0 auto!important;
    background: rgb(68,68,68,0.6);
    top: 250px!important;
    border-radius: 15px!important;
}
.el-loading-spinner .path{
    stroke:#AB7E41!important;
}
.body_item{
    width: 1200px;
    margin: 0 auto;
}
.body_title_text{
    padding: 30px 0 0;
    text-align: center;
    font-size: 30px;
    color: #444444;
}
.body_reserve_img{
    background-image: url("../image/public/a_icon.svg");
    height: 40px;
    background-repeat: no-repeat;
    width: 225px;
    background-size: 100%;
    background-position: 0px -218px;
    margin: 0 auto;
}
.body_reserve_ul{
    display: flow-root;
    width: 1200px;
    margin: 0 auto;
    padding: 38px 0!important;
}
.body_reserve_li{
    background-image: url("../image/public/a_icon.svg");
    background-repeat: no-repeat;
    background-size: 331px 376px;
    background-position: 0px 19px;
    padding: 0 0 0 45px;
    float: left;
    margin: 0 14px;
    width: 19.2%;
}
.body_reserve_li2{
    background-image: url("../image/public/a_icon.svg");
    background-repeat: no-repeat;
    background-size: 331px 376px;
    background-position: 0px -62px;
    padding: 0 0 0 60px;
    float: left;
    margin: 0 14px;
    width: 19.2%;
}
.body_reserve_li3{
    background-image: url("../image/public/a_icon.svg");
    background-repeat: no-repeat;
    background-size: 331px 376px;
    background-position: 0px -135px;
    padding: 0 0 0 58px;
    float: left;
    margin: 0 14px;
    width: 19.2%;
}
.body_reserve_li4{
    background-image: url("../image/public/a_icon.svg");
    background-repeat: no-repeat;
    background-size: 331px 376px;
    background-position: 0px -230px;
    padding: 0 0 0 56px;
    float: left;
    margin: 0 14px;
    width: 19.2%;
}
.body_reserve_text{
    margin: 0px 0 0px 0;
    font-size: 16px;
    color: #ff8000;
}
.body_reserve_p{
    padding-top: 3px;
    padding-bottom: 0px;
    font-size: 14px;
    color: #4a4a4a;
}
.body_proportion_box{
    padding: 12.5px 0;
    letter-spacing: 2px;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.body_proportion_ul{
    margin-top: 5px;
    overflow: hidden;
    display: inline-block;
}
.body_proportion_p{
    font-size: 20px;
    color: #606060;
    margin: 10px 5px 0 5px;
    float: left;
    display: inline-block;
}
.number_text{
    float: left;
    margin: 0 3px;
    position: relative;
}
.proportion_number_span{
    font-family: "Helvetica Neue" !important;
    font-size: 36px;
    color: #444444;
    line-height: 42px;
    border: 1px solid #dcdcdc;
    padding: 0 2px;
    background-color: #fff;
    position: relative;
    display: inline-block;
    height: 43px;
    width: 32px;
    text-align: center;
}
.proportion_number_span::after{
    content: "";
    top: 45%;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    position: absolute;
    left: 0;
}
.highlights_box{
    line-height: 26px;
    font-size: 24px;
    padding: 40px 0 0 0;
    margin-bottom: 20px;
    text-align: center;
    background: #fff;
    display: flow-root;
    font-weight: bold;
}
.highlights_item_text{
    width: 1200px;
    margin: 0 auto;
    display: flow-root;
    padding-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #DCDCDC;
}
.highlights_item_box{
    width: 1200px;
    margin: 0 auto;
}
.highlights_item_left{
    float: left;
    width: 63%;
    height: 480px;
    border-right: 1px #E5E5E5 solid;
    padding-right: 50px;

}
.highlights_img_css{
    width: 226px!important;
    float: left;
    height: 160px!important;
    background-size: 100%;
}
.highlights_info_box{
    position: relative;
}
.highlights_info_left_box{
    width: 50px;
    float: left;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
}
.highlights_right_box{
    width: 38px;
    float: left;
    height: 38px;
    overflow: hidden;
    border-radius: 50%;
}
.highlights_head_css{
    width: 50px;
    height: 50px;
}
.highlights_head_right_css{
    width: 38px;
    height: 38px;
}
.highlights_info_right_box{
    float: right;
    width: 93%;
    margin-bottom: 5px;
}
.highlights_info_right_top_box{
    height: 24px;
}
.highlights_info_top_p{
    color: #444;
    font-weight: normal;
    font-size: 14px;
    float: left;
    margin-bottom: 0!important;
}
.highlights_info_right_top_ico{
    background-image: url("../image/home_page/ico/icon-location.svg");
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 5px;
    margin-left: 3px;
}
.highlights_info_top_a{
    color: #444;
    font-weight: normal;
    font-size: 14px;
    float: left;
    color: #ff8000;
}
.highlights_info_top_a2{
    color: #444;
    font-weight: normal;
    font-size: 14px;
    float: right;
    color: #ff8000;
}
.highlights_info_right_bottom_box{
    height: 48px;
    margin: 5px 0px;
    font-size: 14px;
}
.user_evaluate{
    color: #444;
    font-weight: normal;
    font-size: 14px;
}
.highlights_ul{
    float: left;
    margin-left: 57px;
}
.highlights_img{
    object-fit: cover;
    margin: 0px 5px 5px 0;
    height: 156px;
    width: 228px;
    float: left;
}
.carousel-indicators .active {
    background: #ff8000!important;
    width: 35px !important;
    opacity: 1;
    transition: 13s;
    height: 10px !important;
    border-radius: 12px !important;
}
.highlights_btn{
    width: 10px!important;
    height: 10px!important;
    background: #C9C9C9!important;
    border-radius: 50%!important;
    margin-left: 10px!important;
    border: none!important;
}
.highlights_item_right {
    float: right;
    width: 350px;
    height: 408px;
    position: relative;
    padding-left: 40px;
    overflow: hidden;
}
.highlights_right_hidden{
    width: 350px;
    height: 1400px;
    transition: 2s;
}
.highlights_right_li{
    padding-bottom: 6px;
    /* height: 158px; */
    font-size: 12px;
    display: inline-block;
    color: #444;
    margin-bottom: 20px;
    font-weight: normal;
}
.highlights_right_li_p{
    float: left;
    padding-left: 10px;
    margin-bottom: 0;
}
.highlights_right_span{
    color: rgb(255, 128, 0);
    float: left;
    margin-top: -7px;
    margin-left: 2px;
}
.up-gradient{
    margin-left: 40px;
    width: 329px;
    height: 20px;
    position: absolute;
    z-index: 99;
    bottom: 0px;
    left: 10px;
    background-image: url(../image/home_page/highlights/up-shadow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
}
.icons-up-arrow {
    left: 160px;
    background-image: url(../image/home_page/ico/cmt-up.png);
}
.icons-arrow {
    width: 30px;
    float: right;
    height: 30px;
    background-size: contain;
    background-position: center center;
    cursor: pointer;
    margin: 0 30px;
}
.icons-down-arrow{
    transform: rotate(180deg);
    left: 160px;
    background-image: url(../image/home_page/ico/cmt-up.png);
}
.hot_destinations_text{
    line-height: 26px;
    font-size: 24px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
}
.hot_destinations_box{
    position: relative;
    display: flow-root;
}

.hot_destinations_left{
    float: left;
    width: 795px;
}
.hot_destinations_right{
    float: right;
    width: 390px;
}
.hot_destinations_left_1{
    float: left;
    width: 795px;
    margin-bottom: 15px;
}
.hot_text{
    font-size: 18px;
    color: #fff;
    margin-top: 94px;
    display: inline-block;
}
.hot_text_box{
    background: rgba(0,0,0,.5);
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
}
.hot_left1_img1{
    background-image: url("../image/home_page/hot_destinations/hot_1.jpg");
    width: 390px;
    height: 230px;
    background-position: center;
    background-size: 100%;
    float: left;
    transition: 0.5s;
}
.hot_left1_img2:hover,.hot_left1_img6:hover,.hot_left1_img7:hover,.hot_left1_img8:hover,.hot_left1_img4:hover,.hot_left1_img3:hover,.hot_left1_img5:hover,.hot_left1_img1:hover,.hot_left2_img1:hover,.hot_left2_img2:hover,.hot_left2_img3:hover{
    transform: scale(1.1);
}
.hot_img{
    height: 230px;
    overflow: hidden;
    float: left;
    text-align: center;
    margin-right: 15px;
}
.hot_img:hover{
    box-shadow: 0 0px 5px 1px #bcbebf;
}
.hot_left1_img2 {
    background-image: url("../image/home_page/hot_destinations/hot_2.jpg");
    width: 390px;
    height: 230px;
    background-position: center;
    background-size: 100%;
    float: left;
    transition: 0.5s;
}
.hot_left1_img3{
    background-image: url("../image/home_page/hot_destinations/hot_6.jpg");
    width: 390px;
    height: 230px;
    background-position: center;
    background-size: 100%;
    float: left;
    transition: 0.5s;
}
.hot_left1_img4{
    background-image: url("../image/home_page/hot_destinations/hot_7.jpg");
    width: 390px;
    height: 230px;
    background-position: center;
    background-size: 100%;
    float: left;
    transition: 0.5s;
}
.hot_left1_img6{
    background: url(../image/home_page/hot_destinations/hot_9.jpg) center center / cover no-repeat;
    width: 390px;
    height: 148px;
    float: left;
    transition: 0.5s;
}
.hot_left1_img7{
    background: url(../image/home_page/hot_destinations/hot_10.jpg) center center / cover no-repeat;
    width: 390px;
    height: 148px;
    float: left;
    transition: 0.5s;
}
.hot_left1_img8{
    background: url(../image/home_page/hot_destinations/hot_11.jpg) center center / cover no-repeat;
    width: 390px;
    height: 148px;
    float: left;
    transition: 0.5s;
}
.hot_destinations_left_2{
    float: left;
    margin-bottom: 15px;
}
.hot_left2_img1{
    background-image: url("../image/home_page/hot_destinations/hot_3.jpg");
    width: 255px;
    height: 230px;
    background-position: center;
    background-size: 100%;
    float: left;
    transition: 0.5s;
}
.hot_left2_img2{
    background-image: url("../image/home_page/hot_destinations/hot_4.jpg");
    width: 255px;
    height: 230px;
    background-position: center;
    background-size: 100%;
    float: left;
    transition: 0.5s;
}
.hot_left2_img3{
    background-image: url("../image/home_page/hot_destinations/hot_5.png");
    width: 255px;
    height: 230px;
    background-position: center;
    background-size: 100%;
    float: left;
    transition: 0.5s;
}
.hot_left1_img5{
    background-image: url("../image/home_page/hot_destinations/hot_8.png");
    width: 390px;
    height: 230px;
    background-position: center;
    background-size: 111%;
    float: left;
    transition: 0.5s;
}
.most_ul{
    text-align: center;
    line-height: 40px;
    border-bottom: 1px solid #DCDCDC;
    display: flow-root;
}
.most_li_span{
    border-bottom: 2px solid #ff8000;
    color: #ff8000;
}
.most_ul span:hover{
    color: #ff8000;
}
.most_ul span{
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    margin: 0 10px;
    padding: 20px 0 17px;
    line-height: 5px;
}
.welcome_box{
    position: relative;
    display: flow-root;
}
.welcome_li{
    margin: 0px 10px 15px 9px;
    width: 380px;
    cursor: pointer;
}
.welcome_li:hover{
    box-shadow: 0 0 8px 3px #bcbebf;
}
.welcome_img{
    height: 240px;
    position: relative;
    width: 380px;
    object-fit: cover;
}
.welcome_type{
    position: absolute;
    margin: -35px 10px;
}
.welcome_infobox{
    padding: 5px 12px 8px;
    font-size: 16px;
    background: #fff;
    display: flow-root;
}
.welcome_type_text{
    color: #fff;
    margin: 0 2px;
    font-size: 12px;
    padding: 2px 10px;
    background: rgba(0, 0, 0, 0.34);
    border-radius: 10px;
}
.welcome_title{
    float: left;
    font-size: 15px;
}
.welcome_price{
    font-weight: inherit;
    float: right;
}
.welcome_price_text{
    color: #ff8000;
    padding: 0px 2px;
    font-size: 18px;
}
.welcome_price_text2{
    position: relative;
    top: -2px;
}
.welcome_djk{
    font-size: 12px;
    width: 100%;
    position: relative;
    float: left;
}
.per_capita{
    float: right;
}
.welcome_icon_box{
    box-shadow: 0 5px 5px -5px #999 inset;
    padding: 8px 0;
    display: flow-root;
    font-size: 16px;
    background: #fff;
}
.welcome_icon_css{
    background-image: url("../image/home_page/ico/single-bed.svg");
    width: 21px;
    height: 23px;
    position: relative;
    top: 1px;
    float: left;
}
.welcome_icon_css2{
    background-image: url("../image/home_page/ico/bathtub.svg");
    width: 21px;
    height: 23px;
    position: relative;
    top: 1px;
    float: left;
}
.welcome_icon_css3{
    background-image: url(../image/home_page/ico/pool.svg);
    width: 21px;
    height: 23px;
    position: relative;
    top: 3px;
    float: left;
    background-repeat: no-repeat;
}
.welcome_icon_css4{
    background-image: url(../image/home_page/ico/local.svg);
    width: 21px;
    height: 23px;
    position: relative;
    top: 3px;
    float: left;
    background-repeat: no-repeat;
}
.welcome_icon_css5{
    background-image: url(../image/home_page/ico/comment.svg);
    width: 21px;
    height: 23px;
    position: relative;
    top: 3px;
    float: left;
    background-repeat: no-repeat;
}
.welcome_icon_itembox{
    float: left;
    margin: 0 10px;
    border-right:1px solid #d2d2d2;
}
.welcome_text{
    margin: 0 7px 0 5px;
}
.welcome_icon_itembox_right{
    float: right;
}
.more_box{
    margin: 20px auto;
    text-align: center;
    padding: 6.5px 15px;
    border: 1px solid #ff8000;
    color: #ff8000;
    width: 150px;
    font-size: 16px;
}
.more_box span{
    color: #ff8000;
    margin: 0 -4px;
}
.great_video{
    position: relative;
    overflow: hidden;
}
.great_ul{
    width: 6000px;
    display: flow-root;
    transition: 1s;
}
.great_li{
    width: 390px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.great_li:hover{
    box-shadow: 0 2px 6px 3px #bcbebf;
}
.great_img_box{
    height: 280px;
}
.great_img{
    /* background: url(../image/home_page/marvellous_video/marvellous_1.png) center center / cover no-repeat; */
    width: 390px;
    height: 280px;
}
.great_img2{
    /* background: url(../image/home_page/marvellous_video/marvellous_2.png) center center / cover no-repeat; */
    width: 390px;
    height: 280px;
}
.great_img3{
    /* background: url(../image/home_page/marvellous_video/marvellous_3.png) center center / cover no-repeat; */
    width: 390px;
    height: 280px;
}
.great_img4{
    /* background: url(../image/home_page/marvellous_video/marvellous_4.png) center center / cover no-repeat; */
    width: 390px;
    height: 280px;
}
.great_img5{
    /* background: url(../image/home_page/marvellous_video/marvellous_5.jpg) center center / cover no-repeat; */
    width: 390px;
    height: 280px;
}
.great_img6{
    /* background: url(../image/home_page/marvellous_video/marvellous_6.png) center center / cover no-repeat; */
    width: 390px;
    height: 280px;
}
.great_img7{
    /* background: url(../image/home_page/marvellous_video/marvellous_7.png) center center / cover no-repeat; */
    width: 390px;
    height: 280px;
}
.great_img8{
    /* background: url(../image/home_page/marvellous_video/marvellous_8.png) center center / cover no-repeat; */
    width: 390px;
    height: 280px;
}
.great_img9{
    /* background: url(../image/home_page/marvellous_video/marvellous_9.png) center center / cover no-repeat; */
    width: 390px;
    height: 280px;
}
.video-mask{
    background: url(../image/home_page/ico/iconplay.png) center no-repeat rgba(0,0,0,.2);
    height: 280px;
    z-index: 2;
    cursor: pointer;
}
.great_text_box{
    padding: 15px 0;
    background: #fff;
}
.video_title{
    font-size: 20px;
    margin-top: 20px;
    color: #333;
    text-align: center;
}
.video_details{
    margin: 10px 0;
    text-align: center;
    color: #999;
    font-size: 14px;
}
.el_left{
    font-size: 35px!important;
    position: relative;
    left: -50px!important;
    top: 205px!important;
    font-weight: bold;
    cursor: pointer;
}
.el_right{
    font-size: 35px!important;
    position: relative;
    right: -50px!important;
    top: -262px!important;
    float: right;
    font-weight: bold;
    cursor: pointer;
}

.el_left:hover,.el_right:hover{
    color: #ff8000;
}
.video_hidden_box{
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 33%);
    transition: all .3s ease;
    font-family: Helvetica,Arial,sans-serif;
    width: 800px;
    height: 400px;
}
/*.great_video{*/
/*    margin: 0 auto;*/
/*}*/
.travels_box{
    display: flow-root;
}
.travels_img1 span{
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 190px;
    left: 20px;
}
.travels_img2 span{
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 435px;
    left: 20px;
}
.travels_img3 span{
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 190px;
    left: 20px;
}
.travels_img4 span{
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 190px;
    left: 20px;
}
.travels_img5 span{
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 435px;
    left: 20px;
}
.travels_img6 span{
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 190px;
    left: 20px;
}
.travels_img1{
    background: url(../image/home_page/travels_Introduction/travels-1.jpg) center center / cover no-repeat;
    height: 230px;
    width: 800px;
    float: left;
    margin-bottom: 15px;
}
.travels_img2{
    background: url(../image/home_page/travels_Introduction/travels-2.jpg) center center / cover no-repeat;
    height: 475px;
    width: 390px;
    float: left;
    margin-bottom: 15px;
}
.travels_img3{
    background: url(../image/home_page/travels_Introduction/travels-3.jpg) center center / cover no-repeat;
    height: 230px;
    width: 390px;
    float: left;
    margin: 0px 0 15px 20px;
    margin-bottom: 15px;
}
.travels_img4{
    background: url(../image/home_page/travels_Introduction/travels-4.jpg) center center / cover no-repeat;
    height: 230px;
    width: 390px;
    float: left;
    margin: 0px 0 15px 20px;
    margin-bottom: 15px;
}
.travels_img5{
    background: url(../image/home_page/travels_Introduction/travels-5.jpg) center center / cover no-repeat;
    height: 475px;
    width: 390px;
    float: left;
    margin-bottom: 15px;
}
.travels_img6{
    background: url(../image/home_page/travels_Introduction/travels-6.jpg) center center / cover no-repeat;
    height: 230px;
    width: 390px;
    float: left;
    margin: 0px 0 0px 10px;
}
.travels_left_box{
    float: left;
    width: 800px;
}
.cooperative_box{
    border-bottom: 1px solid #d2d2d2;
    box-shadow: 0 1px 0 #fff;
    height: 50px;
    padding-top: 20px;
}
.cooperative_box2{
    padding-top: 115px;
    padding-bottom: 30px;
}
.cooperative_text{
    font-size: 24px;
    line-height: 50px;
    color: #6d6b6b;
    font-weight: normal;
}
.cooperative_img{
    background: url(../image/public/parent_group2.svg) 0 4px / cover no-repeat;
    width: 128px;
    height: 70px;
    background-size: 154px 446px;
    margin: 20px 0 0px;
    float: left;
}
.cooperative_img2{
    width: 130px;
    height: 58px;
    background: url(../image/public/parent_group2.svg) 0 -93px no-repeat;
    background-size: 154px 446px;
    margin: 20px 0 0px;
    float: left;
}
.cooperative_box span{
    width: 441px;
    border-left: 1px solid #d2d2d2;
    box-shadow: -1px 0 0 #fff;
    font-size: 12px;
    text-align: justify;
    padding: 0px 12px 0px;
    line-height: 24px;
    color: rgb(153, 153, 153);
    float: left;
}
.cooperative_ico{
    display: flex;
    justify-content: space-between;
}
.cooperative_img1,.cooperative_imgs2,.cooperative_img3,.cooperative_img4,.cooperative_img5,.cooperative_img6,.cooperative_img7,.cooperative_img8,.cooperative_img9,.cooperative_img10,.cooperative_img11,.cooperative_img12,.cooperative_img13,.cooperative_img14{
    width: 168px;
    height: 100px;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}
.cooperative_img1{
    background: url(../image/home_page/cooperative_partner/cooperative_1.svg) center center / cover no-repeat;

}
.cooperative_imgs2{
    background: url(../image/home_page/cooperative_partner/cooperative_2.svg) center center  / cover no-repeat;
}
.cooperative_img3{
    background-size: 46% !important;
    background: url(../image/home_page/cooperative_partner/cooperative_3.svg) center center  / cover no-repeat;
}
.cooperative_img4{
    background: url(../image/home_page/cooperative_partner/cooperative_4.svg) center center  / cover no-repeat;
}
.cooperative_img5{
    background: url(../image/home_page/cooperative_partner/cooperative_5.svg) center center  / cover no-repeat;
}
.cooperative_img6{
    background: url(../image/home_page/cooperative_partner/cooperative_6.svg) center center / cover no-repeat;
}
.cooperative_img7{
    background-size: 51%!important;
    background: url(../image/home_page/cooperative_partner/cooperative_7.svg) center center / cover no-repeat;
}
.cooperative_img8{
    background-size: 60% !important;
    background: url(../image/home_page/cooperative_partner/cooperative_8.svg) center center / cover no-repeat;
}
.cooperative_img9{
    background-size: 76% !important;
    background: url(../image/home_page/cooperative_partner/cooperative_9.svg) center center / cover no-repeat;
}
.cooperative_img10{
    background-size: 75% !important;
    background: url(../image/home_page/cooperative_partner/cooperative_10.svg) center center / cover no-repeat;
}
.cooperative_img11{
    background-size: 77% !important;
    background: url(../image/home_page/cooperative_partner/cooperative_11.svg) center center / cover no-repeat;
}
.cooperative_img12{
    background-size: 75% !important;
    background: url(../image/home_page/cooperative_partner/cooperative_12.svg) center center / cover no-repeat;
}
.cooperative_img13{
    background-size: 79% !important;
    background: url(../image/home_page/cooperative_partner/cooperative_13.svg) center center / cover no-repeat;
}
.cooperative_img14{
    background: url(../image/home_page/cooperative_partner/cooperative_14.svg) center center / cover no-repeat;
}